<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <title>疫情网页</title>
</head>
<body>
<div id="container">
    <div class="top">
        <div class="top-top">
            <div class="item">
                <div>现有确诊</div>
                <div class="one">488</div>
                <div>昨日<span  class="one">+7</span></div>
            </div>
            <div class="item">
                <div>无症状</div>
                <div class="two">301</div>
                <div>昨日<span class="two">+12</span></div>
            </div>
            <div class="item">
                <div>现有疑似</div>
                <div class="three">1</div>
                <div>昨日<span class="three">+30</span></div>
            </div>
            <div class="item">
                <div>现有重症</div>
                <div class="four">3</div>
                <div>昨日<span class="four">-1</span></div>
            </div>
        </div>
        <div class="top-top top-bottom">
            <div class="item">
                <div>累计确诊</div>
                <div class="five">103113</div>
                <div>昨日<span class="five">+30</span></div>
            </div>
            <div class="item">
                <div>境外输入</div>
                <div class="six">5435</div>
                <div>昨日<span class="six">+14</span></div>
            </div>
            <div class="item">
                <div>累计治愈</div>
                <div class="seven">97771</div>
                <div>昨日<span class="seven">+22</span></div>
            </div>
            <div class="item">
                <div>累计死亡</div>
                <div class="eight">4854</div>
                <div>昨日<span class="eight">+1</span></div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="tab">
            <!--头部-->
            <div class="tab_header">
                <ul>
                    <li class="selected">现有确诊</li>
                    <li>累计确诊</li>
                </ul>
            </div>
            <!--内容-->
            <div class="tab_content">
                <div class="dom" style="display: block;">
                    <div class="center-text">现有确诊病例数，排除治愈、死亡</div>
                    <div id="map" style="height: 550px; left: 11px; top: -24px;"></div>
                </div>
                <div class="dom">
                    <div class="center-text">累计确诊病例数，排除治愈、死亡</div>
                    <div id="map1" style="height: 550px; left: 11px; top: -24px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./js/echarts.min.js"></script>
<script src="./map/china.js"></script>
<script src="./map/province/shanghai.js"></script>
<script src="./map/province/hebei.js"></script>
<script src="./map/province/shanxi.js"></script>
<script src="./map/province/neimenggu.js"></script>
<script src="./map/province/liaoning.js"></script>
<script src="./map/province/jilin.js"></script>
<script src="./map/province/heilongjiang.js"></script>
<script src="./map/province/jiangsu.js"></script>
<script src="./map/province/zhejiang.js"></script>
<script src="./map/province/anhui.js"></script>
<script src="./map/province/fujian.js"></script>
<script src="./map/province/jiangxi.js"></script>
<script src="./map/province/shandong.js"></script>
<script src="./map/province/henan.js"></script>
<script src="./map/province/hubei.js"></script>
<script src="./map/province/hunan.js"></script>
<script src="./map/province/guangdong.js"></script>
<script src="./map/province/guangxi.js"></script>
<script src="./map/province/hainan.js"></script>
<script src="./map/province/sichuan.js"></script>
<script src="./map/province/guizhou.js"></script>
<script src="./map/province/yunnan.js"></script>
<script src="./map/province/xizang.js"></script>
<script src="./map/province/shanxi1.js"></script>
<script src="./map/province/qinghai.js"></script>
<script src="./map/province/ningxia.js"></script>
<script src="./map/province/xinjiang.js"></script>
<script src="./map/province/beijing.js"></script>
<script src="./map/province/tianjin.js"></script>
<script src="./map/province/chongqing.js"></script>
<script src="./map/province/xianggang.js"></script>
<script src="./map/province/aomen.js"></script>
<script src="./map/province/taiwan.js"></script>
<script src="js/index.js"></script>
</body>
</html>